<template>
    <div id="contariner">
      <ul id="head_top">
      <li><router-link to="/">首页</router-link></li>
      <li><router-link to="/information">资讯</router-link></li>
      <li><a href="">藏品</a></li>
      <li><a href="">大师</a></li>
      <li><a href="">视频</a></li>
      </ul>
    </div>
</template>

<script>
    export default {
        name: "top"
    }
</script>

<style scoped>
  #contariner{
    text-align: center;
    background-color: rgba(25,25,25,0.9);
    background-size: 50px 50px;
    /*background-image: linear-gradient(0deg, rgba(255, 255, 255, .2) 50%, transparent 50%, transparent);*/
    /*background:url("http://101.37.161.89/wordpress/wp-content/themes/stormy/img/1_01.jpg");*/
    /**/
  }
  #head_top{
    display: inline-block;
    margin: 0;
    padding: 0;
    width: 100%;
    max-width: 1000px;
    text-align: center;
    list-style-type: none;
    font-size:0;
    height: 49px;
    line-height: 49px;
    color: #fff;
  }
  #head_top > li{
    display: inherit;
    list-style: none;
    width: 20%;
    padding:0;
    margin: 0;
    font-size: 16px;

  }
  li > a{
    color: #fff;
    text-decoration: none;
    display: block;
  }
  li > a:focus,li > a:hover{
    background-color: rgba(25,25,25,0.6);
    box-shadow: inset 0 0 38px rgba(0,0,0,.08);
       color: #c2a680;
     }
</style>
